<template>
	<view class="mine">
	<view class="top-user">
		<uv-avatar src="https://via.placeholder.com/200x200.png/2878ff" shape="square"></uv-avatar>
		 <text class="name">昵称</text>
	</view>
	<view class="toolList">
	
	</view>
	<view class="login-out">
	<uv-button  shape="circle" text="退出登录" color="red"></uv-button>
	</view>
	</view>
</template>

<script setup>
import { reactive } from 'vue';
</script>

<style scoped lang="scss">
	.mine{
		.top-user{
			padding: 100rpx 30rpx;
			margin:0 auto;
			display: flex;
			align-items: center;
			background-color: red;
			.name{
				margin-left: 30rpx;
				color:white;
			}
		}
		.toolList{
			margin: -15rpx auto 0 ;
			border-radius: 15rpx;
			width: 85%;
			background: blue;
			height: 400rpx;
		}
		.login-out{
			width: 85%;
			margin: 40rpx auto;
		}
	}
</style>
